<template>
    <div class="user-container">
      <el-table :data="users" style="width: 100%">
        <el-table-column prop="username" label="Username" />
        <el-table-column prop="email" label="Email" />
      </el-table>
    </div>
  </template>
  
  <script setup>
  import { useUserStore } from '@/store';
  import { onMounted, computed } from 'vue';
  
  const store = useUserStore();
  const users = computed(() => store.users);
  
  onMounted(() => {
    store.fetchUsers();
  });
  </script>
  
  <style lang="scss" scoped>
  .user-container {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
  }
  </style>